<template>
  <div class="history-approve-flow-axis">
    <HistoryApproveFlowItem v-for="(item, index) in flowList || []" :nodeInfo="item" :key="index"/>
  </div>
</template>

<script>
import HistoryApproveFlowItem from "@/views/construction/project-application/componens/HistoryApproveFlowItem";

export default {
  name: "HistoryApproveFlowAxis",
  components: {HistoryApproveFlowItem},
  props: {
    flowList: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {}
  },
}
</script>

<style lang="less" scoped>
.history-approve-flow-axis {
  position: relative;
  box-sizing: border-box;
  margin: 20px 0 40px 40px;
  width: 70%;


  & .history-approve-flow-item:last-child {
    border-color: white;
  }

  & .history-approve-flow-item:before {
    content: '';
    position: absolute;
    top: -5px;
    left: -18px;
    width: 34px;
    height: 34px;
    border: 9px solid white;
    box-sizing: border-box;
    border-radius: 50%;
    background: #2F7DF1;
  }
}
</style>
